#order-detail{
  font-size: 15px;
  .border-box{
    padding-bottom: 50px;
    .order-item{
      .title{
        height:35px;
        line-height:35px;
        color:#888;
        padding:0 15px;
        font-size:14px;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .type{
          color: #1aad19;
        }
      }
      .order-line {
        margin-bottom: 10px;
        background: #FFFFFF;
        font-size: 15px;

        .item-top {
          .indent {
            line-height: 35px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 15px;

            .order-num {
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              flex: 1;
              padding-right: 10px;

              span {
                font-weight: bold;
              }
            }
            .user{
              color: #959595;;
              i{
                color: #e73237;
                margin-right: 5px;
              }
            }
          }
        }
        .item-middle {
          .middle-item {
            //display: flex;
            //flex-direction: column;
            //align-items: flex-end;
            padding: 10px 15px;
            color: #959595;

            .goods{
              display: flex;
              image {
                width: 70px;
                height: 70px;
                border: 1px solid #e5e5e5;
              }
              .text {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                flex: 1;
                padding-left: 10px;
                overflow: hidden;

                .names {
                  font-size: 17px;
                  color: #000000;
                  -webkit-line-clamp:2;
                  -webkit-box-orient:vertical;
                  display:-webkit-box;
                  text-overflow: ellipsis;
                  overflow: hidden;
                  line-height: 22px;
                }
                .model{
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  font-size: 12px;
                  .money{
                    color:#ee2b1d;
                  }
                  .num{
                    color: #959595;
                  }
                }
              }
            }

          }
        }
        .item-bottom {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 10px 15px;
          font-size: 15px;
          .guide{
            color: #959595;
            span{
              color: #000000;
            }
          }
          .all-money{
            span{
              color:#ee2b1d;
            }
          }
        }
      }

      .order-info{
        padding: 10px 15px;
        background: #FFFFFF;

        .info-item{
          display: flex;
          padding: 2px 0;
          .name{
            width:80px;
            color: #959595;
          }
          .text{
            flex: 1;
          }
        }
      }
      .down-box{
        display: flex;
        align-items: center;
        padding: 10px 15px;
        background: #FFFFFF;

        .img-box{
          overflow: visible;
          .img-item{
            position: relative;
            width: 72px;
            height: 72px;
            display: inline-block;
            margin-right: 20px;
            image{
              width: 100%;
              height: 100%;
            }
            icon{
              position: absolute;
              top:-7px;
              right:-7px;
            }
          }

        }
        .down{
          width: 72px;
          height: 72px;
          border: 1px solid #cccccc;
          text-align: center;
          line-height: 72px;
          overflow: hidden;

          i{
            font-size: 18px;
            color: #cccccc;
          }
        }
      }
    }
    .order-detail-info{
      padding: 10px 15px;
      font-size: 14px;
      margin-top: 10px;
      background: #FFFFFF;
      .item{
        display: flex;
        align-items: center;
        justify-content: space-between;

        .name{
          color: #8a8a8a;
          width: 80px;
          text-align: right;

          &.big{
            color: #000000;
            font-weight: bold;
          }
        }
        .big-money{
          color: #ed0000;
          font-weight: bold;
        }
      }
    }
  }

  .button-type{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    overflow: hidden;
    .send{
      background: #1aad19;
      color: #FFFFFF;
    }
  }
}